//*
//*Grid System
//*

//配置项

@gridColumns: 16; //网格数
@gridGutterWidth: 0.02; //网格间距
@PadScreen: 768px; //Pad临界尺寸
@MobileScreen: 480px; //Mobile临界尺寸


//适配样式

@import url(../css/Pad.css) screen and (max-width: @PadScreen);
@import url(../css/Mobile.css) screen and (max-width: @MobileScreen);

/*
* 标识
*/
body:after{display:block;height:0;line-height:0;overflow:hidden;visibility: hidden;content: 'Pc';}

/*
* 栅格
*/
.row { width:percentage(1+@gridGutterWidth); *zoom: 1;}
.row:before, .row:after { content: " "; display: table;clear: both;  }


.span-1,.full-row .row .span-1 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (100 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-2,.full-row .row .span-2 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (200 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-3,.full-row .row .span-3 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (300 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-4,.full-row .row .span-4 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (400 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-5,.full-row .row .span-5 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (500 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-6,.full-row .row .span-6 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (600 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-7,.full-row .row .span-7 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (700 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-8,.full-row .row .span-8 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (800 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-9,.full-row .row .span-9 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (900 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-10,.full-row .row .span-10 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (1000 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-11,.full-row .row .span-11 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (1100 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-12,.full-row .row .span-12 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (1200 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-13,.full-row .row .span-13 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (1300 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-14,.full-row .row .span-14 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (1400 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-15,.full-row .row .span-15 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (1500 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-16,.full-row .row .span-16 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (1600 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-17,.full-row .row .span-17 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (1700 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-18,.full-row .row .span-18 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (1800 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-19,.full-row .row .span-19 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (1900 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-20,.full-row .row .span-20 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (2000 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-21,.full-row .row .span-21 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (2100 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-22,.full-row .row .span-22 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (2200 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-23,.full-row .row .span-23 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (2300 / @gridColumns) - percentage(@gridGutterWidth); 
	}
.span-24,.full-row .row .span-24 { 
	float:left;transition:.2s width ease; margin-right: percentage(@gridGutterWidth);*margin-right: percentage(@gridGutterWidth) - 0.11%;
	width: (2400 / @gridColumns) - percentage(@gridGutterWidth); 
	}

/*
* 工具
*/
.pull-right{float:right;_display:inline;}
.center{clear:both;float:none;display:block;margin-left:auto;margin-right:auto;position:relative;left:percentage(-@gridGutterWidth/2);}//修复宽度超过100%的居中偏差

.pull-left-1  {position:relative;left:0%-100 / @gridColumns }
.pull-left-2  {position:relative;left:0%-200 / @gridColumns }
.pull-left-3  {position:relative;left:0%-300 / @gridColumns }
.pull-left-4  {position:relative;left:0%-400 / @gridColumns }
.pull-left-5  {position:relative;left:0%-500 / @gridColumns }
.pull-left-6  {position:relative;left:0%-600 / @gridColumns }
.pull-left-7  {position:relative;left:0%-700 / @gridColumns }
.pull-left-8  {position:relative;left:0%-800 / @gridColumns }
.pull-left-9  {position:relative;left:0%-900 / @gridColumns }
.pull-left-10 {position:relative;left:0%-1000 / @gridColumns }
.pull-left-11 {position:relative;left:0%-1100 / @gridColumns }
.pull-left-12 {position:relative;left:0%-1200 / @gridColumns }
.pull-left-13 {position:relative;left:0%-1300 / @gridColumns }
.pull-left-14 {position:relative;left:0%-1400 / @gridColumns }
.pull-left-15 {position:relative;left:0%-1500 / @gridColumns }
.pull-left-16 {position:relative;left:0%-1600 / @gridColumns }
.pull-left-17 {position:relative;left:0%-1700 / @gridColumns }
.pull-left-18 {position:relative;left:0%-1800 / @gridColumns }
.pull-left-19 {position:relative;left:0%-1900 / @gridColumns }
.pull-left-20 {position:relative;left:0%-2000 / @gridColumns }
.pull-left-21 {position:relative;left:0%-2100 / @gridColumns }
.pull-left-22 {position:relative;left:0%-2200 / @gridColumns }
.pull-left-23 {position:relative;left:0%-2300 / @gridColumns }
.pull-left-24 {position:relative;left:0%-2400 / @gridColumns }

.pull-right-1  {position:relative;left:0%+100 / @gridColumns }
.pull-right-2  {position:relative;left:0%+200 / @gridColumns }
.pull-right-3  {position:relative;left:0%+300 / @gridColumns }
.pull-right-4  {position:relative;left:0%+400 / @gridColumns }
.pull-right-5  {position:relative;left:0%+500 / @gridColumns }
.pull-right-6  {position:relative;left:0%+600 / @gridColumns }
.pull-right-7  {position:relative;left:0%+700 / @gridColumns }
.pull-right-8  {position:relative;left:0%+800 / @gridColumns }
.pull-right-9  {position:relative;left:0%+900 / @gridColumns }
.pull-right-10 {position:relative;left:0%+1000 / @gridColumns }
.pull-right-11 {position:relative;left:0%+1100 / @gridColumns }
.pull-right-12 {position:relative;left:0%+1200 / @gridColumns }
.pull-right-13 {position:relative;left:0%+1300 / @gridColumns }
.pull-right-14 {position:relative;left:0%+1400 / @gridColumns }
.pull-right-15 {position:relative;left:0%+1500 / @gridColumns }
.pull-right-16 {position:relative;left:0%+1600 / @gridColumns }
.pull-right-17 {position:relative;left:0%+1700 / @gridColumns }
.pull-right-18 {position:relative;left:0%+1800 / @gridColumns }
.pull-right-19 {position:relative;left:0%+1900 / @gridColumns }
.pull-right-20 {position:relative;left:0%+2000 / @gridColumns }
.pull-right-21 {position:relative;left:0%+2100 / @gridColumns }
.pull-right-22 {position:relative;left:0%+2200 / @gridColumns }
.pull-right-23 {position:relative;left:0%+2300 / @gridColumns }
.pull-right-24 {position:relative;left:0%+2400 / @gridColumns }

//修复ie6嵌套row撑宽bug
.row .row{_width: percentage(1 / ( 1 + @gridGutterWidth ));_overflow:hidden; }
.row .row .span-1,.row .row .span-2,.row .row .span-3,.row .row .span-4,.row .row .span-5,.row .row .span-6,.row .row .span-7,.row .row .span-8,.row .row .span-9,.row .row .span-10,.row .row .span-11,.row .row .span-12,.row .row .span-13,.row .row .span-14,.row .row .span-15,.row .row .span-16,.row .row .span-17,.row .row .span-18,.row .row .span-19,.row .row .span-20,.row .row .span-21,.row .row .span-22,.row .row .span-23,.row .row .span-24{_margin-right: percentage(@gridGutterWidth) - 0.2%;}


/*
* 无间距模式
*/
.full-row {width:100%;*zoom:1;}
.full-row:before, .full-row:after { content: " "; display: table;clear: both; }

.full-row .span-1,.full-row .span-2,.full-row .span-3,.full-row .span-4,.full-row .span-5,.full-row .span-6,.full-row .span-7,.full-row .span-8,.full-row .span-9,.full-row .span-10,.full-row .span-11,.full-row .span-12,.full-row .span-13,.full-row .span-14,.full-row .span-15,.full-row .span-16,.full-row .span-17,.full-row .span-18,.full-row .span-19,.full-row .span-20,.full-row .span-21,.full-row .span-22,.full-row .span-23,.full-row .span-24{_margin-right: 0;}//for ie6

.full-row [class*="span"],.full-row [class*="midd"],.full-row [class*="smal"]{margin-right: 0;}

.full-row .span-1  { width: (100 / @gridColumns)+0%;  *width: (100 / @gridColumns)- 0.11% }
.full-row .span-2  { width: (200 / @gridColumns)+0%;  *width: (200 / @gridColumns)- 0.11% }
.full-row .span-3  { width: (300 / @gridColumns)+0%;  *width: (300 / @gridColumns)- 0.11% }
.full-row .span-4  { width: (400 / @gridColumns)+0%;  *width: (400 / @gridColumns)- 0.11% }
.full-row .span-5  { width: (500 / @gridColumns)+0%;  *width: (500 / @gridColumns)- 0.11% }
.full-row .span-6  { width: (600 / @gridColumns)+0%;  *width: (600 / @gridColumns)- 0.11% }
.full-row .span-7  { width: (700 / @gridColumns)+0%;  *width: (700 / @gridColumns)- 0.11% }
.full-row .span-8  { width: (800 / @gridColumns)+0%;  *width: (800 / @gridColumns)- 0.11% }
.full-row .span-9  { width: (900 / @gridColumns)+0%;  *width: (900 / @gridColumns)- 0.11% }
.full-row .span-10 { width: (1000 / @gridColumns)+0%; *width: (1000 / @gridColumns)- 0.11% }
.full-row .span-11 { width: (1100 / @gridColumns)+0%; *width: (1100 / @gridColumns)- 0.11% }
.full-row .span-12 { width: (1200 / @gridColumns)+0%; *width: (1200 / @gridColumns)- 0.11% }
.full-row .span-13 { width: (1300 / @gridColumns)+0%; *width: (1300 / @gridColumns)- 0.11% }
.full-row .span-14 { width: (1400 / @gridColumns)+0%; *width: (1400 / @gridColumns)- 0.11% }
.full-row .span-15 { width: (1500 / @gridColumns)+0%; *width: (1500 / @gridColumns)- 0.11% }
.full-row .span-16 { width: (1600 / @gridColumns)+0%; *width: (1600 / @gridColumns)- 0.11% }
.full-row .span-17 { width: (1700 / @gridColumns)+0%; *width: (1700 / @gridColumns)- 0.11% }
.full-row .span-18 { width: (1800 / @gridColumns)+0%; *width: (1800 / @gridColumns)- 0.11% }
.full-row .span-19 { width: (1900 / @gridColumns)+0%; *width: (1900 / @gridColumns)- 0.11% }
.full-row .span-20 { width: (2000 / @gridColumns)+0%; *width: (2000 / @gridColumns)- 0.11% }
.full-row .span-21 { width: (2100 / @gridColumns)+0%; *width: (2100 / @gridColumns)- 0.11% }
.full-row .span-22 { width: (2200 / @gridColumns)+0%; *width: (2200 / @gridColumns)- 0.11% }
.full-row .span-23 { width: (2300 / @gridColumns)+0%; *width: (2300 / @gridColumns)- 0.11% }
.full-row .span-24 { width: (2400 / @gridColumns)+0%; *width: (2400 / @gridColumns)- 0.11% }

.full-row .center{left:auto;}


@media only screen and (max-width: @PadScreen) {

/*
* 标识
*/
    body:after{content: 'Pad';}

/*
* 栅格
*/
    .midd-1,.full-row .row .midd-1   { width: (100 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-2,.full-row .row .midd-2   { width: (200 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-3,.full-row .row .midd-3   { width: (300 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-4,.full-row .row .midd-4   { width: (400 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-5,.full-row .row .midd-5   { width: (500 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-6,.full-row .row .midd-6   { width: (600 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-7,.full-row .row .midd-7   { width: (700 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-8,.full-row .row .midd-8   { width: (800 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-9,.full-row .row .midd-9   { width: (900 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-10,.full-row .row .midd-10 { width: (1000 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-11,.full-row .row .midd-11 { width: (1100 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-12,.full-row .row .midd-12 { width: (1200 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-13,.full-row .row .midd-13 { width: (1300 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-14,.full-row .row .midd-14 { width: (1400 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-15,.full-row .row .midd-15 { width: (1500 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-16,.full-row .row .midd-16 { width: (1600 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-17,.full-row .row .midd-17 { width: (1700 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-18,.full-row .row .midd-18 { width: (1800 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-19,.full-row .row .midd-19 { width: (1900 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-20,.full-row .row .midd-20 { width: (2000 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-21,.full-row .row .midd-21 { width: (2100 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-22,.full-row .row .midd-22 { width: (2200 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-23,.full-row .row .midd-23 { width: (2300 / @gridColumns) - percentage(@gridGutterWidth); }
    .midd-24,.full-row .row .midd-24 { width: (2400 / @gridColumns) - percentage(@gridGutterWidth); }

/*
* 工具
*/
    .midd-hide{display:none;}
    .midd-center{clear:both;float:none;display:block;margin-left:auto;margin-right:auto;position:relative;left:percentage(-@gridGutterWidth/2);}//修复宽度超过100%的居中偏差

/*
* 无间距模式
*/
.full-row .midd-1  { width: (100 / @gridColumns)+0%; }
.full-row .midd-2  { width: (200 / @gridColumns)+0%; }
.full-row .midd-3  { width: (300 / @gridColumns)+0%; }
.full-row .midd-4  { width: (400 / @gridColumns)+0%; }
.full-row .midd-5  { width: (500 / @gridColumns)+0%; }
.full-row .midd-6  { width: (600 / @gridColumns)+0%; }
.full-row .midd-7  { width: (700 / @gridColumns)+0%; }
.full-row .midd-8  { width: (800 / @gridColumns)+0%; }
.full-row .midd-9  { width: (900 / @gridColumns)+0%; }
.full-row .midd-10 { width: (1000 / @gridColumns)+0%; }
.full-row .midd-11 { width: (1100 / @gridColumns)+0%; }
.full-row .midd-12 { width: (1200 / @gridColumns)+0%; }
.full-row .midd-13 { width: (1300 / @gridColumns)+0%; }
.full-row .midd-14 { width: (1400 / @gridColumns)+0%; }
.full-row .midd-15 { width: (1500 / @gridColumns)+0%; }
.full-row .midd-16 { width: (1600 / @gridColumns)+0%; }
.full-row .midd-17 { width: (1700 / @gridColumns)+0%; }
.full-row .midd-18 { width: (1800 / @gridColumns)+0%; }
.full-row .midd-19 { width: (1900 / @gridColumns)+0%; }
.full-row .midd-20 { width: (2000 / @gridColumns)+0%; }
.full-row .midd-21 { width: (2100 / @gridColumns)+0%; }
.full-row .midd-22 { width: (2200 / @gridColumns)+0%; }
.full-row .midd-23 { width: (2300 / @gridColumns)+0%; }
.full-row .midd-24 { width: (2400 / @gridColumns)+0%; }

}
@media only screen and (max-width: @MobileScreen) {

/*
* 标识
*/
    body:after{content: 'Mobile';}

/*
* 栅格
*/
    .smal-1,.full-row .row .smal-1   { width: (100 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-2,.full-row .row .smal-2   { width: (200 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-3,.full-row .row .smal-3   { width: (300 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-4,.full-row .row .smal-4   { width: (400 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-5,.full-row .row .smal-5   { width: (500 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-6,.full-row .row .smal-6   { width: (600 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-7,.full-row .row .smal-7   { width: (700 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-8,.full-row .row .smal-8   { width: (800 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-9,.full-row .row .smal-9   { width: (900 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-10,.full-row .row .smal-10 { width: (1000 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-11,.full-row .row .smal-11 { width: (1100 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-12,.full-row .row .smal-12 { width: (1200 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-13,.full-row .row .smal-13 { width: (1300 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-14,.full-row .row .smal-14 { width: (1400 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-15,.full-row .row .smal-15 { width: (1500 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-16,.full-row .row .smal-16 { width: (1600 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-17,.full-row .row .smal-17 { width: (1700 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-18,.full-row .row .smal-18 { width: (1800 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-19,.full-row .row .smal-19 { width: (1900 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-20,.full-row .row .smal-20 { width: (2000 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-21,.full-row .row .smal-21 { width: (2100 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-22,.full-row .row .smal-22 { width: (2200 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-23,.full-row .row .smal-23 { width: (2300 / @gridColumns) - percentage(@gridGutterWidth); }
    .smal-24,.full-row .row .smal-24 { width: (2400 / @gridColumns) - percentage(@gridGutterWidth); }

/*
* 工具
*/
    .smal-hide{display:none;}
    .smal-show{display:block;}
    .smal-center{clear:both;float:none;display:block;margin-left:auto;margin-right:auto;position:relative;left:percentage(-@gridGutterWidth/2);}//修复宽度超过100%的居中偏差

/*
* 清除位移
*/
    [class*='pull-left-'],[class*='pull-right-']{left:auto;right:auto;}

/*
* 无间距模式
*/
.full-row .smal-1  { width: (100 / @gridColumns)+0%; }
.full-row .smal-2  { width: (200 / @gridColumns)+0%; }
.full-row .smal-3  { width: (300 / @gridColumns)+0%; }
.full-row .smal-4  { width: (400 / @gridColumns)+0%; }
.full-row .smal-5  { width: (500 / @gridColumns)+0%; }
.full-row .smal-6  { width: (600 / @gridColumns)+0%; }
.full-row .smal-7  { width: (700 / @gridColumns)+0%; }
.full-row .smal-8  { width: (800 / @gridColumns)+0%; }
.full-row .smal-9  { width: (900 / @gridColumns)+0%; }
.full-row .smal-10 { width: (1000 / @gridColumns)+0%; }
.full-row .smal-11 { width: (1100 / @gridColumns)+0%; }
.full-row .smal-12 { width: (1200 / @gridColumns)+0%; }
.full-row .smal-13 { width: (1300 / @gridColumns)+0%; }
.full-row .smal-14 { width: (1400 / @gridColumns)+0%; }
.full-row .smal-15 { width: (1500 / @gridColumns)+0%; }
.full-row .smal-16 { width: (1600 / @gridColumns)+0%; }
.full-row .smal-17 { width: (1700 / @gridColumns)+0%; }
.full-row .smal-18 { width: (1800 / @gridColumns)+0%; }
.full-row .smal-19 { width: (1900 / @gridColumns)+0%; }
.full-row .smal-20 { width: (2000 / @gridColumns)+0%; }
.full-row .smal-21 { width: (2100 / @gridColumns)+0%; }
.full-row .smal-22 { width: (2200 / @gridColumns)+0%; }
.full-row .smal-23 { width: (2300 / @gridColumns)+0%; }
.full-row .smal-24 { width: (2400 / @gridColumns)+0%; }
  
}
